/**
 * 容器展示页面父元素
 * 参考： http://localhost:8000/his/clusters/default/projects/test/pods/nginx-6bd85cbf48-k2fhc/resource-status
 */
import React from 'react'
import PropTypes from 'prop-types'

import { Panel } from 'components/Base'
import ContainerItem from './Item'

import styles from './index.scss'

export default class ContainersCard extends React.Component {
  static propTypes = {
    className: PropTypes.string,
    prefix: PropTypes.string,
    title: PropTypes.string,
    containers: PropTypes.array,
    initContainers: PropTypes.array,
  }

  static defaultProps = {
    prefix: '',
    containers: [],
    initContainers: [],
  }

  render() {
    const {
      className,
      prefix,
      cluster,
      containers,
      initContainers,
      podName,
    } = this.props
    const title = this.props.title || t('Container Config')

  //   console.log("title: ",title); // 容器
  //   console.log("containers: ",containers);
  // //   [
  // //     {
  // //         "name": "container-7kumew",
  // //         "image": "nginx",
  // //         "resources": {},
  // //         "volumeMounts": [
  // //             {
  // //                 "name": "host-time",
  // //                 "readOnly": true,
  // //                 "mountPath": "/etc/localtime"
  // //             },
  // //             {
  // //                 "name": "default-token-79zps",
  // //                 "readOnly": true,
  // //                 "mountPath": "/var/run/secrets/kubernetes.io/serviceaccount"
  // //             }
  // //         ],
  // //         "terminationMessagePath": "/dev/termination-log",
  // //         "terminationMessagePolicy": "File",
  // //         "imagePullPolicy": "IfNotPresent",
  // //         "state": {
  // //             "running": {
  // //                 "startedAt": "2024-03-20T02:02:45Z"
  // //             }
  // //         },
  // //         "lastState": {},
  // //         "ready": true,
  // //         "restartCount": 0,
  // //         "imageID": "docker-pullable://nginx@sha256:0d17b565c37bcbd895e9d92315a05c1c3c9a29f762b011a10c54a66cd53c9b31",
  // //         "containerID": "docker://5528591d79b49c2f8276a7e153fda1d2f96f19b90060ece4db99296787f5192a",
  // //         "started": true,
  // //         "namespace": "test"
  // //     }
  // // ]

  //   console.log("prefix: ",prefix); // /his/clusters/default/projects/test/pods/nginx-6bd85cbf48-k2fhc
  //   console.log("cluster: ",cluster);// default
  //   console.log("podName: ",podName);// nginx-6bd85cbf48-k2fhc

  //   console.log("initContainers: ",initContainers);// []

    return (
      <Panel className={className} title={title}>
        <div className={styles.wrapper}>
          {containers.map((item, index) => (
            <ContainerItem
              key={index}
              prefix={prefix}
              cluster={cluster}
              detail={item}
              podName={podName}
            />
          ))}

          {initContainers.map((item, index) => (
            <ContainerItem
              key={index}
              prefix={prefix}
              cluster={cluster}
              detail={item}
              podName={podName}
              isInit
            />
          ))}
        </div>
      </Panel>
    )
  }
}
